<script>
import { onMounted, onUnmounted } from "vue";
import {
  destroyScene,
  initScene,
  mouseMoveView,
} from "../script/clock/index.js";

export default {
  setup() {
    onMounted(() => {
      initScene("WebGLClock");
    });

    onUnmounted(() => {
      destroyScene();
    });
  },
};
</script>

<template>
  <div id="WebGLClock"></div>
</template>

<style scoped>
#WebGLClock {
  width: 100%;
  height: 100%;
}
</style>
